<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>p4_图片处理</title>
</head>
<body>
<!--相对路径：从当前目录出发去写路径，注意资源要写全名-->
    <img src="2.jpg" alt="">
    <img src="img/3.jpg" alt="">
    <img src="../1.jpg" alt="">
    <img src="https://cdn.tmooc.cn/bsfile//courseImg///038642c2000b495eb4d7dc79698e30e4.jpg">
    <hr>
<!--    当图片无法加载时 给个提示 alt-->
    <img src="abc.aa" alt="图片被偷走了">
<!--悬停时显示title-->
<!--宽高可以只设置一项，避免失真-->
    <img src="img/zly.jpg" width="111px"  title="这是一张好康的图">

</body>
</html>